{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{{ case.number }} {{ case.contact.name }}{% endblock %}
{% block content %}
<header class="person-head">
  <div>
    <p class="muted" style="margin:0 0 4px"><span class="num">{{ case.number }}</span> · {% blocktranslate trimmed with who=case.referred_by.display_name|default:"—" when=case.created_at|date:"j M Y" %}opened by {{ who }}, {{ when }}{% endblocktranslate %}</p>
    <h1>{% blocktranslate trimmed with name=case.contact.name %}Pastoral care for {{ name }}{% endblocktranslate %}</h1>
    <div class="person-tags">
      <span class="pill care-{{ case.status }}">{{ case.get_status_display }}</span>
      <span class="pill">{{ case.get_topic_display }}</span>
      <span class="pill lock">{% if case.shared_with_supervisors %}{% translate "Shared with supervisors" %}{% else %}{% translate "Counselor and administrators only" %}{% endif %}</span>
    </div>
  </div>
  <div class="actions">
    <a class="btn" href="{% url 'log_call' case.contact.pk %}?purpose=pastoral&amp;direction=out">{% translate "Log a call" %}</a>
    <a class="btn btn-quiet" href="{{ case.contact.get_absolute_url }}">{{ case.contact.name }}</a>
  </div>
</header>

<div class="split">
  <section>
    <section class="panel">
      <div class="panel-head"><h2>{% translate "Why they need care" %}</h2>{% if case.ticket %}<a class="ticket-ref" href="{{ case.ticket.get_absolute_url }}">{{ case.ticket.number }}</a>{% endif %}</div>
      <p style="white-space:pre-line; margin-top:0">{{ case.reason }}</p>
      {% if case.plan %}<h3 class="small-head">{% translate "Care plan" %}</h3><p style="white-space:pre-line">{{ case.plan }}</p>{% endif %}
      {% if case.is_closed %}<h3 class="small-head">{% blocktranslate trimmed with who=case.closed_by.display_name|default:"—" when=case.closed_at|date:"j M Y" %}Closed by {{ who }}, {{ when }}{% endblocktranslate %}</h3><p style="white-space:pre-line">{{ case.closing_note }}</p>{% endif %}
    </section>

    {% if can_manage and not case.is_closed %}
    <section class="panel" aria-labelledby="note-h">
      <div class="panel-head"><h2 id="note-h">{% translate "Write a note" %}</h2><span class="muted small">{% translate "Private, like the whole case" %}</span></div>
      <form method="post" class="form" novalidate>{% csrf_token %}
        <div class="form-grid">
          {% include "_field.html" with field=note_form.kind %}
          {% include "_field.html" with field=note_form.met_on %}
          {% include "_field.html" with field=note_form.text wide=True %}
          {% include "_field.html" with field=note_form.next_step %}
          {% include "_field.html" with field=note_form.next_meeting %}
        </div>
        <button class="btn btn-primary" type="submit" name="action" value="note">{% translate "Save note" %}</button>
      </form>
    </section>
    {% endif %}

    <section class="panel" aria-labelledby="notes-h">
      <div class="panel-head"><h2 id="notes-h">{% translate "Notes" %}</h2><span class="muted small">{{ notes|length }}</span></div>
      {% if notes %}
      <ol class="timeline">
        {% for n in notes %}
        <li style="--dot: var(--c-pastoral)">
          <div class="head"><span class="tag">{{ n.get_kind_display }}</span> <span class="when">{{ n.met_on|date:"j M Y" }}</span> <span class="muted small">{{ n.author.display_name|default:"—" }}</span></div>
          <p class="summary">{{ n.text }}</p>
          {% if n.next_step %}<div class="small"><strong>{% translate "Next step:" %}</strong> {{ n.next_step }}</div>{% endif %}
        </li>
        {% endfor %}
      </ol>
      {% else %}<p class="muted">{% translate "No notes yet." %}</p>{% endif %}
    </section>
  </section>

  <aside>
    <section class="panel">
      <div class="panel-head"><h2>{% translate "Care" %}</h2></div>
      <dl class="facts">
        <dt>{% translate "Counselor" %}</dt><dd>{{ case.counselor.display_name|default:_("Not chosen yet") }}</dd>
        <dt>{% translate "Next meeting" %}</dt><dd>{% if case.next_meeting %}<span class="{% if case.meeting_due %}esc-note{% endif %}">{{ case.next_meeting|due }}</span>{% else %}—{% endif %}</dd>
        <dt>{% translate "Phone" %}</dt><dd><a href="tel:{{ case.contact.phone }}">{{ case.contact.phone_display }}</a></dd>
      </dl>
    </section>

    {% if can_manage and not case.is_closed %}
    <section class="panel" aria-labelledby="ch-h">
      <div class="panel-head"><h2 id="ch-h">{% if case.status == "referred" %}{% translate "Choose a counselor" %}{% else %}{% translate "Change the case" %}{% endif %}</h2></div>
      <form method="post" class="form" novalidate>{% csrf_token %}
        {% include "_field.html" with field=case_form.counselor %}
        {% include "_field.html" with field=case_form.topic %}
        {% include "_field.html" with field=case_form.next_meeting %}
        {% include "_field.html" with field=case_form.plan %}
        {% include "_field.html" with field=case_form.shared_with_supervisors %}
        <button class="btn" type="submit" name="action" value="update">{% translate "Save" %}</button>
      </form>
    </section>
    <section class="panel" aria-labelledby="close-h">
      <div class="panel-head"><h2 id="close-h">{% translate "Close the case" %}</h2></div>
      <form method="post" class="form" novalidate>{% csrf_token %}
        {% include "_field.html" with field=close_form.closing_note %}
        <button class="btn btn-quiet" type="submit" name="action" value="close">{% translate "Close the case" %}</button>
      </form>
    </section>
    {% elif can_manage and case.is_closed %}
    <form method="post">{% csrf_token %}<button class="btn" type="submit" name="action" value="reopen">{% translate "Open the case again" %}</button></form>
    {% endif %}

    {% if other_cases %}
    <section class="panel">
      <div class="panel-head"><h2>{% translate "Other cases for this person" %}</h2></div>
      {% include "crm/_care_rows.html" with cases=other_cases show_counselor=True %}
    </section>
    {% endif %}
  </aside>
</div>
{% endblock %}